﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="OnlineCooperation.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Login</title>

    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />

    <style type="text/css">
        body {
            padding-top: 0px;
            background:url(img/brickwall.png) repeat 0 0;
            /*background-color: rgb(246,249,253);*/
        }

        .register-form-signin {
            max-width: 300px;
            padding: 30px 40px 40px;
            margin: 0 auto 20px;
            /*background-color: #fff;*/
            border: 5px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
        }

            .register-form-signin .form-signin-heading {
                margin-bottom: 10px;
            }

            .register-form-signin .checkbox {
                margin-bottom: 20px;
                padding-left: 60px;
            }

            .register-form-signin input[type="text"],
            .register-form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }

        .bannerClass {
            display: inline;
            width: auto;
            height: auto;
        }

        .blueArtClass {
            display: inline;
            float: right;
            width: auto;
            height: auto;
        }
        
    </style>
</head>
<body>
    <img src="img/banner-terms.png" class="bannerClass" alt="" />

    <form id="Form1" runat="server">
        <div class="register-form-signin">
            <h2 class="register-form-signin-heading">登录</h2>

            <input
                id="InputEmail"
                type="text"
                class="input-block-level"
                placeholder="Email"
                runat="server" />
            <br />

            <input
                id="InputPwd"
                type="password"
                class="input-block-level"
                placeholder="Password"
                minlength="6"
                data-validation-minlength-message="密码至少6位"
                runat="server" />
            <br />

            <label class="checkbox">
                <input id="RememberState" type="checkbox" value="Remember me" runat="server" />
                记住我：）
            </label>

            <asp:Button ID="ButtonLogin" runat="server" Text="登陆OvO" OnClick="ButtonLoginClick" class="btn btn-success" type="submit" />
            &nbsp;&nbsp;                     
            <a href="#iForgot" role="button" class="btn btn-primary" data-toggle="modal">忘记密码T^T</a>
             &nbsp;&nbsp; 
            
                
            <a href="Index.aspx" class="btn btn-info" >返回首页</a>
        </div>
        <img src="img/blueArt.png" class="blueArtClass" alt="" />

        <!-- Modal -->
        <div id="iForgot" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="iForgot" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>找回密码</h3>
            </div>
            <div class="modal-body">
                <input id="UserEmailAdd" type="text" placeholder="请输入邮件地址" runat="server"/>
                <span id="EmailState" class="help-block">Example block-level help text here.</span>
            </div>
            <div class="modal-footer">
                <asp:Button 
                    ID="ButtonForgotSendEmail" 
                    runat="server" 
                    Text="Submit" 
                    OnClick="ButtonForgotSendEmailClick" 
                    class="btn btn-primary" />
                 <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>
    </form>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/html5shiv.js"></script>
    <script src="js/jqBootstrapValidation.js"></script>
    <script type="text/javascript">
        $(function () {
            $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
        });
        $("#ButtonLogin").jqBootstrapValidation({ preventSubmit: false });
    </script>
</body>
</html>
